Use Gestalt Principles when creating wireframes 在建立線框圖時使用格式塔原則

什麼是格式塔原則？（What are Gestalt Principles?）

格式塔（Gestalt）在德語中是"形狀"或"整體"的意思。格式塔原則說的是：人們看到影象或介面時，大腦會自動把相關的東西組合在一起，找出規律，把複雜的資訊變簡單。用一句話來說：人們看介面時，會先看到整體畫面，然後才注意到細節。

這些原則可以幫助設計師更好地安排頁面內容，引導使用者的視線，讓使用者更容易理解，使介面看起來清晰、用起來方便。舉個例子：你有沒有看過天上的雲朵，覺得它像某個動物或物體？這就是你的大腦在"自動連線"不同的部分，幫你更快理解看到的東西。

常見的三個格式塔原則（Three Key Gestalt Principles）

1. 相似性原則（Similarity）

看起來相似的元素會被自動歸為一類，或被認為具有相同的功能。相似性的依據可能是：形狀相同，大小一致，顏色一致

應用舉例：

• 網頁上的超連結幾乎總是藍色，使用者自然知道點選這些藍字會跳轉頁面。

• 在Google Photos的線框圖中，底部的六個方塊大小相同，所以使用者會認為它們是功能一致的圖片縮圖。點選後，這些影象都會放大顯示。

設計建議：有相同功能的元素，最好讓它們在外觀上保持一致，提升使用者的理解速度和操作直覺。

2. 接近性原則（Proximity）

彼此靠得越近的元素，會被使用者視為“更相關”。

應用舉例：

• 在Google Photos線框圖中，上部三個大矩形緊靠排列，使用者會認為它們是同類項，實際它們是相簿。

• 而稍遠位置的六個方塊則是單張照片，由於距離較遠，自然被分為另一組。

設計建議：想要表達某些內容是“相關”的，就把它們放得近一些；不相關的內容要保持適當間距。

3. 共同區域原則（Common Region）

被同一個邊框或區域包圍的元素，會被認為是一個整體或一組。

應用舉例：

• 在Gmail線框圖中，每封郵件都被一個“邊框”包圍。裡面的主題、收件人、郵件內容都被歸為一組，讓人清楚這是同一封郵件的資訊。

設計建議：使用邊框、分隔線或背景塊，可以清楚地將某些內容“框”在一起，傳達它們之間的聯絡。